

<!DOCTYPE >
<html >
<head>
 <meta charset="UTF-8"> 
	<title>商户信息</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
	<link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.css" rel="stylesheet">
	<link href="http://cdn.bootcss.com/iCheck/1.0.1/skins/square/green.css" rel="stylesheet">
	<link href="http://cdn.bootcss.com/blueimp-file-upload/9.5.7/css/jquery.fileupload-ui.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/demo.css">
	<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
  <script type="text/javascript" src="js/load-image.all.min.js"></script>
	<style type="text/css">
    body{
      padding-top: 10px;
      padding-bottom:100px;
    }
  
  </style>
	
</head>
<body>
<div>
  <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">商户店照1张</div>
    <div class="col-xs-2">
    <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" multiple data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image1" name="image_file" >
    </div>
      <div class="col-xs-12" id="img1"></div>
    </div>
    </div>

 <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">门牌号2张(清晰门牌一张，门牌周边位置一张)</div>
    <div class="col-xs-2">
     <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image2" name="image_file" >
    </div>
      <div class="col-xs-12" id="img2"></div>
    </div>
    </div>


 <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">内部经营环境2张</div>
    <div class="col-xs-2">
    <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image3" name="image_file" >
    </div>
      <div class="col-xs-12" id="img3"></div>
    </div>
    </div>


 <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">收银处1张</div>
    <div class="col-xs-2">
     <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image4" name="image_file" >
    </div>
      <div class="col-xs-12" id="img4"></div>
    </div>
    </div>

 <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">囤货处2张</div>
    <div class="col-xs-2">
   <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image5" name="image_file" >
    </div>
      <div class="col-xs-12" id="img5"></div>
    </div>
    </div>

     <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">企业核查1张</div>
    <div class="col-xs-2">
      <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image6" name="image_file" >
    </div>
      <div class="col-xs-12" id="img6"></div>
    </div>
    </div>

         <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">营业执照1张</div>
    <div class="col-xs-2">
      <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image7" name="image_file" >
    </div>
      <div class="col-xs-12" id="img7"></div>
    </div>
    </div>



        <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">法人身份证2张(正、反面)</div>
    <div class="col-xs-2">
    <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image8" name="image_file" >
    </div>
      <div class="col-xs-12" id="img8"></div>
    </div>
    </div>

            <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">租赁合同(板式不一，页数不一)</div>
    <div class="col-xs-2">
   <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image9" name="image_file" >
    </div>
      <div class="col-xs-12" id="img9"></div>
    </div>
    </div>


            <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">税务登记证1张(可选)</div>
    <div class="col-xs-2">
 <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image10" name="image_file" >
    </div>
      <div class="col-xs-12" id="img10"></div>
    </div>
    </div>

            <div class="col-xs-12 mac_upload_div">
    <div class="col-xs-10 text-left">结算卡照片2张(正、反面)</div>
    <div class="col-xs-2">
    <img src="img/up.png" width="20px" height="20px;">
      <input class="mac_file" type="file" data-url="/new_admin/txh_shop/db_products/upload_temp_file" id="image11" name="image_file" >
    </div>
      <div class="col-xs-12" id="img11"></div>
    </div>
    </div>


</div>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom">
  <div class="container">
    <div class="col-xs-4 text-center mac-nav-bottom-margin">
      <a href="help.html"><img src="img/013.png" width="20px" height="20px;"></a>
    <p class="mac-nav-bottom-p">帮助</p>
    </div>
    <div class="col-xs-4 text-center mac-nav-bottom-margin">
          <a href="webdemo.html"> <img src="img/014.png"  width="20px" height="20px"></a>
      <p class="mac-nav-bottom-p">填写资料</p>
    </div>
        <div class="col-xs-4 text-center mac-nav-bottom-margin">
        <img src="img/15.png"  width="20px" height="20px;">
      <p class="mac-top-p">上传照片</p>
    </div>
  </div>
</nav>
</body>

<div class="modal fade tipModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">系统提示</h4>
      </div>
      <div class="modal-body">
        <p class="tipsContent" style="font-size:20px;"></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</html>
<script type="text/javascript">
  document.getElementById('image1').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
          console.log(img)
              var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img1").append(div);  
            
        },
        {
          maxWidth: 100,
          maxHeight:200
          } // Options
    );
};

  document.getElementById('image2').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
          console.log(img)
             var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img2").append(div);
        },
        {maxWidth: 100} // Options
    );
};

  document.getElementById('image3').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
                   var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img3").append(div);
        },
        {maxWidth: 100} // Options
    );
};
  document.getElementById('image4').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
          console.log(img)
                    var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img4").append(div);
        },
        {maxWidth: 100} // Options
    );
};
  document.getElementById('image5').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
          console.log(img)
                   var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img5").append(div);
        },
        {maxWidth: 100} // Options
    );
};
  document.getElementById('image6').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
          console.log(img)
                    var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img6").append(div);
        },
        {maxWidth: 100} // Options
    );
};
  document.getElementById('image7').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
          console.log(img)
                      var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img7").append(div);
        },
        {maxWidth: 100} // Options
    );
};
  document.getElementById('image8').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
          console.log(img)
                 var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img8").append(div);
        },
        {maxWidth: 100} // Options
    );
};
  document.getElementById('image9').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
          console.log(img)
                     var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img9").append(div);
        },
        {maxWidth: 100} // Options
    );
};
  document.getElementById('image10').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
          console.log(img)
              var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img10").append(div);
        },
        {maxWidth: 100} // Options
    );
};
  document.getElementById('image11').onchange = function (e) {
    loadImage(
        e.target.files[0],
        function (img) {
          console.log(img)
              var div = document.createElement("div");
              div.setAttribute('class','mac-upload-margin');
              div.appendChild(img);
            $("#img11").append(div);
        },
        {maxWidth: 100} // Options
    );
};




</script>